@charset 'utf-8';
html,body,div,span,img,h1,h2,h3,h4,h5,h6,form,input,textarea,select,em,i,button{box-sizing:border-box;}
body{margin:0;}
span,a{display:inline-block;}
select,input,textarea,option,botton{border:0;padding:0;outline:0;}
/*base css*/
.whole{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;}
.table{display:table;table-layout:fixed;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:transparent !important;}
a{text-decoration:none;color:inherit;}
button:foucs{outline:0;}
textarea{overflow:auto;resize:none;vertical-align:top;}
.txt-l{text-align:left;}
.fl{float:left;}
.fr{float:right;}
.per-1{width:10%;}
.per-2{width:20%;}
.per-3{width:30%;}
.per-4{width:40%;}
.per-5{width:50%;}
.per-6{width:60%;}
.per-7{width:70%;}
.per-8{width:80%;}
.per-9{width:90%;}
.per-10{width:100%;}
.teacher-view-submit{height:30px;margin:10px;background-color: #d67456;color:#fff;padding:0 10px;float:right;line-height:30px;font-size:14px;text-align:center;cursor: pointer;}
/*login.php*/
.login-interface{position:absolute;width:572px;height: 516px;top:50%;left:50%;margin-top:-240px;margin-left:-286px;}
.login-interface img{width:572px;height:466px;float:left;}
.login-interface .opration{height: 50px;width: 100%;float:left;background-color:#8ac;}
.login-interface .opration select,
.login-interface .opration input,
.login-interface .opration span{display:inline-block;height: 30px;line-height: 30px;vertical-align:bottom;float:left;margin: 10px 3px 0px 9px;}
.login-interface .opration select{width:70px;border: 1px solid #c8def4;background-color: transparent;font-weight: bold;}
.login-interface .opration input{width:200px;border:1px solid #eee;padding:0 8px;border-radius: 3px;}
.login-interface .opration span{width:50px;text-align:center;border:1px solid #eee;margin-right:0;cursor:pointer;background-color: #5b76cb;color: #fff;border-radius: 10px;}

body > .student{position:relative;height:100%;background:url('../img/student_back.jpg') no-repeat fixed center center / 100% 100% content-box;}
body > .student .student-enter{position:absolute;top:50%;left:50%;height:100px;width:500px;margin-top:-50px;margin-left:-250px;}
body > .student .student-enter .content{width:100px;height: 100%;background-color: #2e2e2e;display: inline-block;color: #fff;border-radius: 20px;transition:all .2s;cursor:pointer;}
body > .student .student-enter .content:hover{transform:scale(1.2);}
body > .student .student-enter .td{display:table-cell;vertical-align: middle;text-align:center;padding: 0;margin: 0;}
body > .student .student-enter img{margin-top:6px;}
body > .student .student-enter span{display:block;width:100%;margin-top:6px;}
body > .student .student-info{position:absolute;top:50%;left:50%;height:100px;width:500px;margin-top:70px;margin-left:-250px;background-color: rgba(255,255,255,.5);}
body > .student .student-info div{height:50px;line-height:50px;text-align:center;}
body > .student .student-info .name{font-size:24px;font-weight:bold;color:#f00;}

/*exam css*/
body > .exam .lmenu{position:absolute;top:0;left:0;bottom:0;width: 200px;border-right:1px solid #ddd;}
body > .exam .lmenu .course-info .who-course{height:40px;line-height: 40px;text-align: center;font-weight: bold;width:100%;border-bottom:1px solid #ddd;}
body > .exam .lmenu .course-info .tips,.exam .lmenu .count-down{height:30px;line-height:30px;height:100%;text-align:center;}
body > .exam .lmenu .course-info .tips{font-size:14px;}
body > .exam .lmenu .course-info .count-down{color:#f00;font-weight:bold;}
body > .exam .lmenu .course-info .begin-exam{height:70px;line-height:70px;width: 180px;margin: 10px;text-align:center;color:#fff;font-size:18px;font-weight:bold;background-color:#0a8;border-radius: 35px;cursor:pointer;}
body > .exam .lmenu .question-list{width: 100%;position: absolute;top: 200px;bottom: 0px;padding:0 6px;border-top:1px solid #ddd;overflow-y:auto;}
body > .exam .lmenu .question-list .question-item{height:24px;line-height:24px;border: 1px solid #818181;margin-bottom:4px;background-color: #a5bae3;}
body > .exam .lmenu .question-list .question-item .number{height:100%;width: 76px;float:left;font-size:14px;padding:0 4px;}
body > .exam .lmenu .question-list .question-item .status{height:100%;width:40px;float:right;text-align:center;font-size:12px;color:#fff;}
body > .exam .lmenu .question-list .question-item .status.no{background-color: #666;}
body > .exam .lmenu .question-list .question-item .status.yes{background-color:#f00;}
body > .exam .rmain{position:absolute;top:50px;left: 200px;bottom:0;right:0;overflow-y:auto;}
.subject{border:1px solid #ddd;margin:10px 10px 0;padding:10px;}
.subject .result textarea{width:100%;height:160px;border:1px solid #ddd;padding:10px;}
.big-title{height:50px;line-height:50px;margin:10px;border:1px solid #ddd;background-color: #7d7d7d;color:#fff;font-size:18px;font-weight:bold;padding:0 10px;}
.subject .title{line-height:30px;margin-bottom:6px;}
.subject .title .score{height: 30px;line-height: 32px;float:left;background-color: #d67456;margin-right: 10px;border-radius: 4px;}
.subject .title .score span{height:100%;width: 30px;float: left;text-align: center;cursor:pointer;}
.subject .title .score img{width: 24px;height: 24px;margin: 3px;}
.subject .title .score .num{}
.subject .title .number{height:100%;padding:0 10px;background-color: #ddd;border-radius:10px;float: left;margin-right: 6px;color: #f00;font-weight: bold;}
.subject .result{position:relative;line-height: 20px;cursor:pointer;font-size: 12px;}
.subject .result.yes{background-color: #fbf6cd;}
.subject .result.yes::before{content:"";position:absolute;top:4px;left: -4px;display:inline-block;width:16px;height:16px;background:url('../img/yes.png') no-repeat;}
.subject .result:hover{color: #f00;}
.subject .result:hover::before{content:"";position:absolute;top:4px;left: -4px;display:inline-block;width:16px;height:16px;background:url('../img/yes.png') no-repeat;}
.subject .result .number{height:100%;width:40px;text-align:center;}
body > .exam .myinfo{position: fixed;top: 0;right: 0;left: 200px;height:50px;line-height:50px;border-bottom:1px solid #ddd;background-color: #e4e4e4;font-family: "SimSun";z-index: 999;}
body > .exam .myinfo .group{height:100%;float:left;margin-left:20px;}
body > .exam .myinfo .group span{height:100%;}
body > .exam .myinfo .group span.label{font-size:18px;font-weight: bold;text-shadow: 1px 1px 1px #ffffff;}
body > .exam .myinfo .group span.value{font-size:12px;text-shadow: 1px 1px 1px #fff;}

.mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);}
.mask .choose-course{position:absolute;top:50%;left:50%;margin-top: -200px;margin-left:-200px;width:400px;height: 70px;background-color:#fff;border-radius: 12px;}
.mask .choose-course select{width:300px;height:50px;border:1px solid #ddd;float:left;margin-top:10px;margin-left:10px;}
.mask .choose-course .submit-course{height:50px;line-height: 50px;width:70px;border:1px solid #ddd;margin-top:10px;margin-right:5px;float:right;text-align: center;color: #fff;background-color: #FF5722;border-radius: 25px;cursor: pointer;}

body > .teacher{height:100%;width:100%;}
body > .teacher .top{position:absolute;top:0;left:0;right:0;height:100px;border-bottom:1px solid #ddd;background-color: #464646;}
body > .teacher .top span{height:60px;line-height:60px;padding:0 10px;float:right;margin-top:20px;border:1px solid #ddd;margin-right:10px;color:#fff;cursor: pointer;}
body > .teacher .top .name{}
body > .teacher .top .exit{}
body > .teacher .left{position:absolute;top:100px;left:0;bottom:0;width:150px;border-right: 1px solid #ffffff;background-color: #e0e0e0;}
body > .teacher .left a{display:block;width:100px;height:100px;border:1px solid #ddd;margin:25px;line-height:100px;text-align:center;background-color:#eee;}
body > .teacher .left .student{height:30px;line-height:30px;border-bottom: 1px solid #cccccc;box-shadow: 1px 1px 1px #fff;}
body > .teacher .left .student .name{height:100%;width:100px;float:left;padding:0 4px;}
body > .teacher .left .student .sex{height:100%;width:49px;text-align:center;float:right;font-size: 12px;}
body > .teacher .right{position:absolute;top:100px;left:150px;right:0;bottom:0;overflow-y:auto;}
body > .teacher .right .caption{height:50px;line-height:50px;border-bottom:1px solid #ddd;background-color: #e0e0e0;}
body > .teacher .right .caption span{height:100%;float:left;text-align:center;}
body > .teacher .right .exam-info{height:30px;line-height:30px;border-bottom: 1px dashed #eee;}
body > .teacher .right .exam-info span{height:100%;float:left;text-align:center;font-size:12px;}
body > .teacher .right .exam-info .view{color:#f00;}
body > .admin{height:100%;width:100%;}
body > .admin .top{position:absolute;height: 100px;left:0;right:0;top:0;border-bottom:1px solid #ddd;border-top: 4px solid #d8704f;background-color: #e6dfd4;font-size: 24px;font-weight: bold;line-height: 100px;padding: 0 20px;}
body > .admin .left{position:absolute;width:150px;top: 100px;left:0;bottom:0;border-right:1px solid #ddd;background-color: #e8e8e8;}
body > .admin .left .li{display:block;height:50px;line-height:50px;border-bottom:1px solid #ddd;padding:0 10px;}
body > .admin .left .li.on{background-color: #d8704f;color: #fff;}
body > .admin .left .li-children{display:block;line-height:30px;border-bottom:1px solid #ddd;padding-left:50px;font-size:14px;}
body > .admin .left .li-children.on{color:#f00;}
body > .admin .right{position:absolute;top: 100px;right:0;bottom:0;left:150px;}
body > .admin .right .opration{position: relative;height:80px;border-bottom:1px solid #ddd;}
body > .admin .right .opration .action{height:50px;background-color: #636363;}
body > .admin .right .opration .action span{height:30px;line-height:30px;border:1px solid #eee;padding:0 10px;color: #bf3c3c;margin-left: 10px;margin-top:10px;background-color: #cecece;border-radius: 10px;font-size: 12px;cursor: pointer;}
body > .admin .right .opration .action span .selectExam{background-color: #eee;margin-right:10px;border: 1px solid #afadad;font-size: 12px;height: 20px;margin-top: 4px;float: left;}
body > .admin .right .opration .action span button{background-color:transparent;border:0;color: #bf3c3c;cursor:pointer;}
body > .admin .right .opration .title{height:30px;line-height:30px;background-color: #9a8781;color: #fff;}
body > .admin .right .content{position:absolute;top:80px;left:0;right:0;bottom:0;overflow-y:auto;}
body > .admin .right .content .li{height:30px;line-height:30px;border-bottom:1px dashed #ddd;font-size:14px;}
body > .admin .right span{overflow:hidden;}
body > .admin .right .delete{color: #e02636;cursor:pointer;}
body > .admin .right .x1{width:10%;float:left;height:100%;text-align:center;}
body > .admin .right .x2{width:20%;float:left;height:100%;text-align:center;}
body > .admin .right .x3{width:30%;float:left;height:100%;text-align:center;}
body > .admin .right .x4{width:40%;float:left;height:100%;text-align:center;}
body > .admin .right .x5{width:50%;float:left;height:100%;text-align:center;}
body > .admin .right .x6{width:60%;float:left;height:100%;text-align:center;}
body > .admin .right .x7{width:70%;float:left;height:100%;text-align:center;}

body > .admin .right .content .panel{height:140px;width:100px;border:1px solid #ddd;margin-left:10px;margin-top:10px;float:left;background-color: #eee;}
body > .admin .right .content .panel .name{height: 60px;line-height:30px;text-align:center;}
body > .admin .right .content .panel .delete{height:38px;line-height: 34px;}
body > .admin .right .content .panel .delete span{width:80%;height:34px;border:1px solid #ddd;margin:2px 10%;text-align:center;font-size:12px;background-color: #dc8787;color: #fff;cursor: pointer;}
body > .admin .right .content .panel .time{height:40px;line-height:40px;font-size:12px;text-align:center;color: #999;}

.admin-insert{}
.admin-insert .li{height: 30px;line-height:30px;margin-top:10px;}
.admin-insert .li input[type='text']{height:100%;width:100%;background-color:#eee;border:1px solid #ddd;padding:0 6px;}
.admin-insert .li input[type='radio']{display:inline-block;width:15px;height:15px;vertical-align:middle;}
.admin-insert .li select{width:100%;height:100%;background-color:#eee;border:1px solid #ddd;}
.admin-insert .li .sex{height:100%;width:60px;text-align:center;background-color:#eee;border:1px solid #ddd;color: #999;margin-right: 10px;cursor:pointer;font-size: 12px;}
.admin-insert .li .sex.on{background-color: #e06860;color:#fff;}
.admin-insert .exam-li{min-height:30px;margin-bottom:10px;}
.admin-insert .exam-li .yesorno-radio{height:100%;line-height: 30px;width:40%;text-align:center;border:1px solid #ddd;cursor:pointer;}
.admin-insert .exam-li .yesorno-radio.on{background-color:#ddd;color:#f00;border: 1px solid #ccc;}
.admin-insert .exam-li .exam-course{height:30px;line-height:30px;width: 120px;border-bottom:1px solid #ddd;text-align:center;float:left;color: #f00;font-weight: bold;}
.admin-insert .exam-li .select-exam-type{height:30px;width: 100px;border:1px solid #ddd;float:left;}
.admin-insert .exam-li .textarea{height:100px;width:100%;border:1px solid #ddd;padding:4px;line-height:20px;}
.admin-insert .exam-li input{height:30px;width:100%;border:1px solid #ddd;padding:0 10px;}

.teacher-view-answer{color:#777;}
.teacher-view-score{height: 24px;line-height: 20px;float: left;border: 1px solid #a0a0a0;margin-right: 10px;background-color: #f08a3e;color: #fff;}
.teacher-view-score span{height:100%;float:left;padding:0 4px;}

.student-view .top{height:70px;border-bottom:1px solid #ddd;line-height:70px;background-color: #4f9bbd;}
.student-view .top span{height:50px;margin:10px;border-bottom:2px solid #fff;color:#fff;padding:0 10px;cursor:pointer;}
.student-view .top span{float:right;}
.student-view .title{height:40px;line-height:40px;background-color: #e4e4e4;border-bottom: 1px solid #c7c7c7;}
.student-view .main{position:absolute;top:120px;right:0;bottom:0;left:0;overflow-y:auto;}
.student-view .main div{height:30px;line-height:30px;font-size: 12px;}
.student-view .main div:nth-child(odd){background-color:#fff;}
.student-view .main div:nth-child(even){background-color:#eee};
.student-view .main div::after{content:"";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}
.student-view .title span,.student-view .main span{width:20%;height:100%;text-align:center;float:left;}